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s.jumlahDirawat, 


297902, "usia": 
.jenisKelamin, 


"\u2265 60", 
"sembuh": @, 
. kelompokUmur, : 33109, "jumlah dirawat": 1425, 
"doc count": 18377, "usia" 
.0)), ("key": "31-45", "doc count": 
"usia": ("value": 2216.0))], 
AWA TIMUR", "doc count": 
"key": "LAKI-LAKI", "doc count": 
: "6-18", "doc count": 44283, "usia" 
45.0)), ("key" 
2.73294137529294, : 
h kasus": 292388, "jumlah sembuh": 
150262)], 
"19-30", "doc count 
("value": 59.0)), ("key": " 
20, "sembuh": 6, "meni 
5894, "jumlah dirawat 
": 9357, "usia 
, "doc count": 5 
: 2022.0))], "lokasi": 
loc count": 
[covid project] flutter pub get key": "LAKI-LAKI", "doc count: — 
ount": 21463, "usia": 
Running "flutter pub get" in covid project.. 3 y": "46-59", "doc count": 
6.9s : 0.4538580295500849), 
OUTLINE E FA ": 152417, 
TIMELINE exit code @ t"; 78374}], "kelompok umur" 
, "doc count": 41038, "usia": 
9.0)), ("key": "iu2265 60", 


OUTPUT flutter (covid project) 


DEPENDENCIES 


m oB € Ü €@ B G G @ < ° ^ G B gm os LJ 


06:35 
p “mm i21 


x 


Jeniskelamin bentuknya list karena ada laki2 dan perempuan 
Juga kelompok umur 
Ini copy 


A 1. Covid App 01.mp4 - VLC media player — 
Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal a ` udio Cod. 


& data coviddart € 


COVID PROJECT % Ë 8 l lutte à 
üm dart to 


import. 'package:flutter/material.dart unt": 20.6361603433 56, 
", "doc count": 603 ), e 
125340, "usia : ("vaiue 


class DataCovid{ -59", "doc count": 233939, 
28, "lat": -6.204698991169558), 


String? key; , “jumlah sembuh": 1087896, 
String? docCount; count": $76143)], "kelompok umur": 
R , "doc count": 297902, "usia 
int? jumlahKasus; 59.0)), ("key": "\u2265 60", 

N. "positif": 31, "sembuh": @, 
dara jumlahSembuh; gal": 33109, "jumlah dirawat": 1425, 
int? jumlahMeningga "doc count": 18377, "usia" 
4 s "54-48", ^ "s 
int? jumlahDirawat; Mal i 26.601, a 
List? jenisKelamin; A TIMUR", "doc count": 
5 "doc count" 
List? kelompokUmur; Mors 


"doc count": 44283, "usia": 


Map«String, dynamic»? lokasi; 45.0)), ("key": "46-59", 
" " 2.73294137529294, "lat": 
Map<String, dynamic»? penambahan; h kasus": 292388, "jumlah sembuh": 


» "doc count": 150262)], 


MB providers 


" : "19-30", "doc count": 
DataCovid(( : ("value": 59.0)), ("key": "\u2265 
pes itif": 20, "sembuh": 6, "meninggal": 


": 5894, "jumlah dirawat 
"doc count": 9357, "usia": ("v 


": "31-45", "doc count": 50852, 
}}], "lokasi": 


OUTPUT flutter (covid project) 


[covid project] flutter pub get 
Running "flutter pub get" in covid project.. 


21463, " 
y": "46-59", "doc count": 
0.4538580295500849), 


OUTLINE . 6.9s : 
TIMELINE exit code @ unt": 78374}], "kelompok umur": 
, "doc count": 41038, "usia 
9.0)), ("key": "\u2265 60", 


DEPENDENCIES 


B &G e 5 ^ Š 8 EJ m zd» os DJ 


07:21 
b| im» iib X 


Buat models nya 
Data covid.dart lalu paste 


A 1. Covid App 01.mp4 - VLC media player m 
Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View G, Terminal Help data covid dart - covid pro 


a € : *ne 
COVID PROJECT i 


üm dart toi import 


class DataCovid ( 


String? key; j": "46-59", "doc count": 233939, 
lat": -6.204698991169558), 
jumlah sembuh": 1087896, 
int? jumlahKasus; E “1 $76143)], "kelompok umur": 
4 ": 297902, "usia": 
? jumlahSembuh; "\u2265 60", 
jumlahMeninggal; "posi Kura PA 
J Bga^; : 33109, "jumlah dirawat": 1425, 
jumlahDirawat; "doc count": 18377, "usia" 
SES .0)), ("key": "31-45", "doc count": 
st? . ) 1 
List? jenisKelamin; "usia": ("value": 2216.0))], 
List? kelompokUmur "doc count 
LAKI-LAKI", "doc count": 
44283, "usia" 
Map ing, dynamic»? penambahan; .8) 5 "46-59", 


String? docCount; 


@ models 
& d vid.dart 


IB provider 


Map«String, dynam ? lokasi; 


a ": 292388, "jumlah sembuh": 
ataCovid(( » "doc count": 1502624], 
, ("key": "19-30", "doc coun 
this.key, a": ("value": 59.0)), ("key": "iu2265 
ME sitif": 20, "sembuh": 6, "meninggal" 
nggal": 5894, "jumlah dirawat": 200, 
"doc count": 9357, "usia" 


s options.yaml OUTPUT flutter (covid project) ` 
pjectiml 


doc count" 


@ READIN [covid_project] flutter pub get y": ARCU, decre 
ADME.mc : 21363, 
Running "flutter pub get" in covid_project.. 46-59", "doc count": 
" t": 0.4538580295500849), 
OUTLINE . 6.9s ": 152417, 
TIMELINE exit code @ 78374)], "kelompok umur": 


» "doc count": 41038, "usia": 
9.0)), ("key": "iu2265 60", 


m e x< ° “A. 


DEPENDENCIES 


v 
° 


07:45 
lH ie mom] iz 


Sudah mempunyai folder 

Sekarang buat provider data 

Data_covid untuk mengolah data covid nya 
Buat clas data di provider 


1. Covid App 01.mp4 - VLC media player _ X 
Media Playback Audio Video Subtitle 


Tools View Help 


X) File Edit Selection View Go Run Terminal Help e data.dart 


£ [3 4 l * Be 
COVID PROJECT & 
E dart tox import 


unt": 20.636160343323056, 
", "doc count": 603674), ("key": 
125340, "usia": ("valu 
46-59", "doc count": 233939, 
t": -6.204698991169558), 


Data with 


576143)], "kelompok umur": 
297902, "usia" 
59.0)), ("key": " 65 60", 
"positif": 31, "sembuh": e, 

gal": 33109, "jumlah dirawat": 1425, 
"doc count": 18377, "usia" 

.0)), ("key": "31-45", "doc count": 
usia": ("value": 2216.0))], 
TIMUR", "doc count": 
ce K "doc count": 

: "6-18", "doc count": 44283, "usia": 


& maindart 


> Bg test 45.0)), ("key": "46-59", 
b b 2.73294137529294, "lat 


h_kasus": 292388, "jumlah_sembuh" 
» "doc count": 150262)], 
, ("key": "19-30", "doc count" 
a": ("value": 59.0)), ("key": "\u2265 
sitif": 20, "sembuh": 6, "meninggal" 
nggal": 5894, "jumlah dirawat": 200, 
"doc count": 9357, "us ("value": 
"31-45", "doc count": 50852, 
value": 2022.0))], 
» "doc count": 
i i key": "LAKI-LAKI", 
Icovid project) flutter pub get | "doc comt": 2 š 
Running "flutter pub get" in covid_project.. 5.0)), ("key": "46-59", "doc count": 


Ia windov 


OUTPUT flutter (covid project) 


"lat": 0.4538580295500849), 
OUTLINE 6.9s 152417, 
TIMELINE exit code 0 t": 78374)], "kelompok umur": 


, "doc count": 41038, "us 


DEPENDENCIES 


B Gg 6 ° A G B gm os D] 
08:24 32:48 
lÍ Ke 2g 


Kita buat list dari kumpulan data list masing2 provinsi 
Akan buat 
Isinya string kosong awal2 dibuat tanpa data 


A 1. Covid App 01.mp4 - VLC media player - x 


Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal Help e data.dart - covid proj Visual Studio C 


XPLORE r3 [3 * o6 
COVID PROJECT 
import 


unt": 20.636160343323056, 
", "doc count": 603674), ("key": 
"1 125340, "usia": ("value 
id» dataProvinsi ; / 6-59", "doc count": 233939, 
z , "lat": -6.204698991169558), 
, "jumlah sembuh": 1087896, 
| count": 576143)], "kelompok umur": 
@ models 297902, "usia": 
ata covid.dart "\u2265 60", 
D ene 31, "sembuh": 6, 
b providers : "jumlah dirawat": 1425, 
& data dart 18377, "usia" 
": "31-45", "doc count": 
("value": 2216.0))], 
"doc, count": 
"LAKI-LAKI", "doc count": 
» "doc count": 44283, "usia" 
45.0)), ("key": "46-59", 
2.73294137529294, "lat": 
h kasus": 292388, "jumlah sembuh": 
» "doc count": 150262)], 
» ("key": "19-30", "doc count 
= a": ("value": 59.0)), ("k 
Ü m a it 26, "sembuh": 6, "meninggal" 
5894, "jumlah dirawat": 200, 
"doc count": 9357, "usia' 
"31-45", "doc count": 50852 
2022.0))], "lokasi": 
loc count": 
: [covid project] flutter pub get LAKI-LAKI", “doc count™: — 
ount": 21463, "usia": 
@ README Running "flutter pub get" in covid_project.. Š y": "46-59", "doc count": 
5.9 : 0.4538580295500849), 
OUTLINE . 6.9s ": 152417, 
> TIMELINE exit code 0 t": 78374)], "kelompok umur" 
» "doc count": 41038, "usia": 
DEPENDENCIES 9.0)), ("key": "\u2265 60", 


B» 6 Bi o: ° A Š B Z m 4 oss [D 
09:15 32:48 
ll imo cz 


Kemudian akan membuat function data 

Bikin function data jenisnya future bentuk nya void 

Tidak berlaku kembalikan data function ini untuk memngambil data covid 
Namakan fetchData harus kasih sycn 


A 1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle 


Data with ngeNoti 


[ package: OUTPUT flutter (covid project) ` 


Tools View Help 


x File Edit Selection View Run Terminal Help 


COVID PROJECT 
üg dart to import 


ChangeNotifier 


vid» dataProvinsi 


OUTPUT flutter (covid project) 
ns yaml 


[covid project] flutter pub get 
Running "flutter pub get" in covid project.. 


OUTLINE . 6.9s 


TIMELINE exit code @ - 
, "doc count": 41038, 
DEPENDENCIES 9.0) mi "u2265 60", 


^ Š B gm AW 0056 D 


10:15 
Ho mon i2 


Import dahulu http as http 


A 1. Covid App 01.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal Help e data.dart - covid project - Visual S 


XPLORE & & & 
COVID PROJECT & 
E dart tox import 
import 
import 

cla Data with ChangeNotifier 


ha 
: List«DataCovid» dataProvinsi 
@ models 


© data covid.dart 
ib providers 
& data dart 


Future«void» hData() async ( 


@ README 
OUTLINE 
> TIMELINE 


OUTPUT 


[covid project] flutter pub get 
Running "flutter pub get" in covid project.. 


exit code @ 


6.9s 


flutter (covid_project) 


DEPENDENCIES 


, "doc count": 41038, "usia": 
9.0)), ("key": "Nu2265 60", 


& V) 


10:34 
lH imo (iH 


Pisahkan url nya 
Lalu http.get bentuk nya uri 


Simpan ke variabel jgn lupa kasih await agar menungu, setiap hp pasti menungu 


internet yg lama 
Simpan variabel 


Å 1. Covid App 01.mp4 - VLC media player 
Media Playback Audio Video Subtitle Tools View Help 
isual Studio ¢ 


X] File Edit Selection View Go Run Terminal Help e data.dart - covid project 


W v ° 2 


COVID PROJECT 


B. dart to import 


idea import 


8 android import 


class Data with ChangeNotif 


List<DataCovid> dataProvinsi 
am 


& data covid.dart 

lh providers 

& data dart 
screen ; 


var response = aw id http.get(Uri.parse(url)); 


Future«void» fetchData() asyr 
'ing url - 


> By te 
lig web 
lil. window 


OUTPUT flutter (covid project) 


[covid project] flutter pub get 

Running "flutter pub get" in covid project.. 
OUTLINE . 6.9s 
TIMELINE exit code 0 


DEPENDENCIES 


11:36 
HN Ke 2 


Kita print status code nya 


unt": 20.636160343323056, 


, "doc count": 603674), {"key": 

unt": 125340, "usia": ("value 

"key "46-59", "doc count": 233939, 

, "lat": -6.204698991169558), 

, "jumlah sembuh": 1087896, 

ount": 576143)], "kelompok. umur" : 

, "doc count": 297902, "usia" 

59.0)), ("key": "u2265 6e", 

"positif": 31, "sembuh": e, 

gal": 33109, "jumlah dirawat": 1425, 

"doc count": 18377, "usia" 

.0)), ("key": "31-45", "doc count": 

, "usia": ("value": 2216.0))], 

AWA TIMUR", "doc count": 

"key": "LAKI-LAKI", "doc count": 
-18", "doc count": 44283, "usia": 

45.0)), ("key": "46-59", 

2.73294137529294, "lat 

h kasus": 292388, "jumlah sembuh": 

, "doc count": 150262)], 

, ("key": "19-30", "doc count" 

": ("value": 59.0)), ("key" u2265 

20, "sembuh": 6, "meninggal": 


"31-45", "doc count": 50852, 
( ": 2022.0))], "lokasi": 


1463, "usia": 
"doc, count": 
0.4538580295500849), 


: 78374)], "kelompok 
, "doc count": 41038, "u 
9.0)), ("key": "iu2265 60", 


mur" : 


^ & B goad oss D) 


A 1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal Help 


e XPLORE [3 2 * o 6 


COVID PROJECT 


üm dart to import 
ki import 


import 


at" 
, "jumlah sembuh 
L ] E count": S 


1087896, 
kelompok umur": 
@ models je", Y 97902, "usia": 
© data covid.dart ,59.e "k "iu2265 60", 
Ng x Future«void» fetchData() async ( 
& data dart str url = 
; 
response = t http.get(Uri.parse(url)); 
print(response.statusCode); 


Data with ChangeNotifier ( 


List«DataCovid» dataProvinsi 


» "doc count": 
44283, "usia" 
"46-59", 


"lat": 
, "jumlah sembuh": 
150262)), 


"19-30", "doc count": 
59.0)), ("key 2265 
20, "sembuh": 6, "meninggal" 
5894, "jumlah dirawat": 2 
357, " value": 


OUTPUT flutter (covid project) 


[covid project] flutter pub get 

Running "flutter pub get" in covid project.. » "doc i 
5.9 0.4538580295500849), 
OUTLINE . 6.95 : 152417, 


> TIMELINE exit code @ t"; 78374)], "kelompok | 
, "doc count": 41038, "usia": 
DEPENDENCIES 9.0)), ("key": "u2265 60", 


"m ou e » o6 Bae 3:o» ° A G B gm AZ oss D 
11:52 32:48 


II im time FS me” | 
ini belum nejalankan function ini 


Ketika di klik data maka dia akna mengambil data ini 
Buat providers nya dahulu 

Bungkus dgn widget ganti changeNotifierProvider 
Butuh create context kita return data 


Å 1. Covid App 01.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Run Terminal Help o t | Studic OG) 0 


0 XP & mandat X & Hu 


COVID PROJECT & 
Bm dart tool runApp 


per(key: key); 


t context) ( 


ChangeNotifierProvider( 
(context) => Data(), 


creen(), 


OUTPUT flutter (covid project) 


[covid project] flutter pub get 
© RE - Running "flutter pub get" in covid project.. 


OUTLINE . 6.9s 


TIMELINE exit code @ 
"u: 


, "us 
DEPENDENCIES "iu2265 60 


^ QG B m Ad oss D 
12:36 32:48 


p kk Emi (THO SSM o d 
Tinggal tankap provider ini 

Kita bisa pakai di ProvinsiScreen atau anak2 nya 

Tangkap data provider 


Lalu import 


Hapus importan ini 


A 1. Covid App 01.mp4 - VLC media player 
Media Playback Audio Video Subtitle 


x] File Edit Selection View 


COVID PROJECT 
Bm dart to 


@ models 
© data covid dart 
ih providers 

& dat 

d 


& 


& maindart 
> Bj test 


window 
giti 


metadata 


OUTLINE 
TIMELINE 


DEPENDENCIES 


Tools View 


Help 


Run Terminal Help °n.dart - covid project 


import 
aport 


import 
import 


tends Statel idget 


P siScreen : super(key: key); 


@override 
Wid build 
Data dataCovid 
return S 1d( 
appBar: ar( 
title: Text( n 
), 


t context) ( 
ider.of<Data> 


i? — ourPur flutter (covid project) 


[covid project] flutter pub get 
Running "flutter pub get" in covid project.. 
6.95 


exit code @ 
, "doc count": 41038, "usia 
)), {"key": "Nu2265 6e", 


A Š B J m AW ovo L] 


13:40 
p Ka Kit (Sis 


Tambah context di tankap providersnya 


AA 1. Covid App 01.mp4 - VLC media player 
Media Playback Audio Video Subtitle 


X] File Edit Selection View 


COVID PROJECT 
Bi dart tox 


vid.dart 


gitignore 
tadata 


package 


OUTLINE 
TIMELINE 


DEPENDENCIES 


13:47 


|] KI tz m 


Ambil fetchdatanya 


Tools View 


Help 


Run Terminal Help * provinsi. screen.dart - covid project 


& & provinsi screendart © & 
LN 
import 
import 


class Provinsi“ > extends Stateles iget { 


en({Key? key}) 


const Prov super(key: key); 
@override 
Widget build(BuildContext context) { 
= Provide r.of<Data>(context) ;| 
return 
appBar: 
title: 
» 
body: 


OUTPUT flutter (covid_project) 


[covid_project] flutter pub get 
Running "flutter pub get" in covid_project.. 
6.9s 


exit code @ 
41038, " 
"\u2265 60 


UV oo DJ 


A 1. Covid App 01.mp4 - VLC media player _ x 


Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View C Run Terminal Help 
COVID PROJECT viders > @ datad 
B dart to import 
ks import 


import 


Data with ChangeNotifier 


st<DataCovid> dataProvinsi 


oid» fetchData() async 
url - 
ar response = t http.get(Uri.parse(url)); 
print(response.statusCode); 
) 
) 


OUTPU flutter (covid project) 


[covid project] flutter pub get 
0 RE Running "flutter pub get" in covid project.. 
OUTLINE . 6.9s 
TIMELINE exit code @ 


DEPENDENCIES 


13:57 
WE) mm tz m 


Ini Ketika elevated button ditekan menjalan function fetchdata 


A 1. Covid App 01.mp4 - VLC media player _ x 


Media Playback Audio Video Subtitle Tools View Help 


View Go Run Terminal Help * provinsi screen.dart - covid_project - V 


[3 & provinsi screendart @ & 


COVID PROJECT ot 
üm dart to: et DuiiQ(b niext context) í 


Dz dataCovid 4 2r.of<Data>(context) ; 
return 


appBar: 


screen.dart 


OUTPUT flutter (covid project) 


[covid project] flutter pub get 
Running "flutter pub get" in covid project.. 


OUTLINE . 6.9s 
TIMELINE exit code 0 


DEPENDENCIES 


14:13 
Di) mmn c2 mE 


Lihat masuk ke debug kita akan print statusCode dari api nya 
Kalau 200 artinya berhasil 
Print body nya 


A 1. Covid App 01.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


lection View G Terminal Help Visual Studio Co 


COVID PROJECT 
@ datt 


Covid App 


fetchData() 
url = 


http. get( .parse(ur1)); 


OUTLINE 
TIMELINE = 
» "doc count": 41038, "usia": 
DEPENDENCIES > 9.0)), ("key": “\u2265 60", 


AB B gm 6 0101 


14:52 
MH omm cz 


_ 


Ini sudah berhasil ditambahkan di layar 

Buat perbandingan jika respon 200 maka data nya diextrart kedalam json 
Buat vaiabel baru 

Api nya bentuk nya list kita akan mengambil list data 


1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle Tools View Help 
WM Dokumentasi API | Covid19goid X  @ https//d 419.go.id/publi: X x & provider | Flutter Packaq x + = X 
C Ó à datacovidi9goid api/provjsor * 860: 


Aps G e Ef Mops (9 INTRODUCTION- F 


("last date": "2022-05-06", "current data": 100.0, "missing data": 0.0, "tanpa provinsi": 0, 
"jumlah kasus": 15266, "jumlah dirawat": 
39380, "usia": ( 
731-45", "doc count" 
alue": 81238675700.0))], "lokasi": 
JAWA BARAT", "doc count": 18.28052722816606, "jumlah kasus" 
"LAKI-LAKI", "doc count": 519228), ("key": "PEREMPUAI 
, "doc count": 119107, "usia": ("value": 18.0)), ("ke 


KI JAKARTA", "doc count": 20.636160343323056, 
[("key": "LAKI-LAKI", "doc count": 603674), ("key": 
: "6-1i doc count": 125340, "usia": ("valui 
("value": 45.0)), ("key": "46-59", "doc count": 233939, 
: 106.83611829006928, "lat": -6.204698991169558), 
1105469, "jumlah sembuh": 1087896, 
, "doc count": 576143)], "kelompok umur": 
"19-30", "doc count": 297902, "usia" 


342403, "usia": ("value 
: 59.0)), ("kei \u2265 60", "doc count 
("positif": 89, "sembuh": 13, "meninggal": 0)), ("key 
15767, "jumlah dirawat": 1806, "jenis kelamin 
34754, "usia": ("value": 5.0)), ("ke 


19-30", "doc count 


(" value": 31-45", "doc count": 315495, "usia" 45.0)), ("key": "46-59", "doc count": 220916, "usia": ("value": 59.0)), ("key": "Nu2265 60", 

"doc, count": ("value": 9783561644.0))], "lokasi": ("lon": 107.60370834146391, "lat": -6.920432082789247), "penambahan": ("positif": 31, "sembuh": e, 
"meninggal": JAWA TENGAH", "doc count": 10.370269191825903, "jumlah kasus": 627116, "jumlah sembuh": 592582, "jumlah meninggal": 33109, "jumlah dirawat": 1425, 
"jenis kelamin" LAKI-LAKI", "doc count": 286209), ("key": "PEREMPUAN", "doc count": 321354)], "kelompok umur": [("key": "@-5", "doc count": 18377, "usia" 


"6-18", "doc count": 61170, "usia": ("value": 18.0)), ("key": "19-30", "doc count": 149417, "usia": ("value": 30.0)), ("key": "31-45", "doc count": 
": 45.0)), ("key": "46-59", "doc count": 143875, "usia": ("value": 59.0)), ("key": "\u2265 60", "doc count": 90438, "usia": ("value": 2216.0))], 
20111493755839, "lat": -7.259097176704969), "penambahan": ("positif": 18, "sembuh": 2, "meninggal": 0)), ("key": "JAWA TIMUR", "doc count": 
umlah kasus": 575569, "jumlah sembuh": 543776, "jumlah meninggal": 31603, "jumlah dirawat": 190, "jenis kelamin": [í "doc count" 
271872), ("key": "PEREMPUAN", "doc count": 299884)), "kelompok umur": (("key": "@-5" 1 13385, "usia": ("value": 5.0)), ("key": "6-18", "doc count": 44283, "usia": 
"value": 18.0)), { : "19-30", "doc count": 139662, "usia": ("value": 30.0)), ( , "doc count": 156336, "usia": ("value": 45.0)), ("key": "46-59", 
"doc count": 135695, "usia": ("value": 59.0)), ("ke u2265 60", "doc count": 85024, ("value": 2022.0))], "lokasi": ("lon": 112.73294137529294, "lat 
-7.72334557860008), "penambahan": ("positif": 24, "sembuh": 2, "meninggal": @}}, ("key": "BANTEN", "doc count": 4.835058056977644, "jumlah kasus": 292388, "jumlah sembuh": 
289129, "jumlah meninggal": 2930, "jumlah dirawat": jenis kelamin": [("key": "LAKI-LAKI", "doc count": 141834), ("key": "PEREMPUAN", "doc count": 150262)], 
"kelompok umur": [("key": "6-5", "doc count": 8976, "usia" ": 5.0)), ("key": "6-18", "doc count": 28490, "usia": ("value": 18.0)), ("key": "19-30", "doc count" 
86341, "usia": ("value": 30.0)), -45", "doc count usia": ("value": 45.0)), ("key": "46-59", "doc count": 55960, "usia": ("value": 59.0)), ("key": "u2265 
60", "doc count": 22490, "usia": : 2021.0))], "lokasi 106.10900433346703, "lat": -6.45673638769843), "penambahan": ("positif": 20, "sembuh": 6, "meninggal" 
0)), ("key": "DAERAH ISTIMEWA YOGYAKARTA", "doc count": 3.6469806353269068, "jumlah kasus": 220542, "jumlah sembuh": 214448, "jumlah meninggal": 5894, 
"jenis kelamin": [ : "LAKI-LAKI", "doc count": 98329), ("key": "PEREMPUAN" ount": 122012)], "kelompok umur": [("key" 5", "doc count": 9357, "us 
5.0)), ("key": "6-18", "doc count": 32495, "usia": ("value": 18.0)), ("key": " doc count": 49958, "usia": ("value": 30.0)), ("key": "31-45", "doc count 
"usia": ("value": 45.0)), ("key": "46-59", "doc count": 45152, "usia": ("valu "iu2265 60", "doc count": 31377, " value": 2022.8))], 
("lon": 110.44487831193419, "lat": -7.894501850215696), "penambahan , “meninggal”: 0)), ("key "doc count" 
3.41032757209104: jumlah kasus": 206231, "jumlah sembuh": 200479, "jumlah meningga jumlah dirawat": 42, "jenis kelamin": [("key 
112389), ("key" UAN", "doc count": 93087)], "k ey": "6-5", "doc count": 7074, "usia": ("value": 5.0)), ("key": 
("value": 18.0)) 719-30", "doc count": 57798, : 30.0)), ("key": "31-45", "doc count": 66886, "usia": ("value" : T 
59.0)), ("key": "\u2265 60", "doc count": 13977, "usia": ("value": 40474.0))], "lokasi": ("lon": 116.46844046560851, "lat": 0.4538580295500849), 


36653, "usia" 
"penambahan" : 4, "sembuh": 1, "meninggal": @)), ("key": "BALI", "doc coun 2.598933829250292, "jumlah kasus": 157164, "jumlah sembuh": 152417, 


"value": 5.0)), 


("value": 
50852, 


"jumlah meninggal": 4559, "jumlah dirawat": 188, "jenis kelamin": [("key": "LAKI-LAKI", "doc count": 78282), ("key": "PEREMPUAN", "doc count": 78374)], "kelompok umur": 
8-5", "doc count": 4943, " 5. 15293, "usia": ("value" " 30", "doc count": 41038, "usia": 
": 30.0)), ("key": "31-45", Š "46-59" : 59.0)), ("key": "\u2265 6e", - 
BN... x ° . * Š B [2 m AWM ow LJ 
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Tidak usah ambil yg ini 


A 1. Covid App 01.mp4 - VLC media player 
Media Playback Audio Video Subtitle Tools View Help 


* GO à datacovid19.go.id/publ r * 6 


"current data": 100.0, "missing data": 0.0, MTTZTTNIZIZUDME ©, "list data": [("key": 
"jumlah kasus": 1247920, "jumlah sembul 1231741, "jumlah | meninggal 15266, "jumlah dirawat": 913, "jenis_kelamin 
"PEREMPUAN", "doc count": 633538)), "kelompok umur": (("key": "@-5", "doc count": : ("value" 6-18", "doc count "usia : ("v : 
18.0)), ("key": "19-30", "doc count": 342403, "usia": ("value": 30.@}}, ("key" , "doc count": 370798, "usia": ("value": 45.0)), ("key » "doc count": 233939, 
"usia": ("value": 59.0)), ("key": "\u2265 60", "doc count": 122000, - 81238675700.0))], "lokasi": ("lon": 106.83611829006928, "lat": -6.204698991169558), 
"penambahan": (“positif": 89, "sembuh": 13, "meninggal": 0)), ("key": "JAWA BARAT", "doc count": 18.28052722816606, "jumlah kasus": 1105469, "jumlah sembuh": 1087896, 
"jumlah meninggal”: 15767, "jumlah dirawat": 1806, "jenis kelamin": "LAKI-LAKI", "doc count": 519228), ("key": “PEREMPUAI doc count": 576143)], "kelompok umur": 
"1 34754, "usia": ("value" ", "doc count": 119107, "usia": ("value": 18.0)), ("key 9-30", "doc count": 297902, "usia": 
31-45", "doc count": 315495, "usia": ("value": 45.0)), ("key": "46-59", "doc count": 220916, "usia": ("value": 59.0)) "\u2265 60", 
( 9783561644.0))], "lokasi": ("lon": 107.60370834146391, "lat": -6.920432082789247), "penambahan": ("positif": 31, "sembuh": e, 
JAWA TENGAH", "doc count": 10.370269191825903, "jumlah kasus": 627116, "jumlah sembuh": 592582, "jumlah meninggal": 33109, "jumlah dirawat": 1425, 
"jenis kelamin" "LAKI-LAKI", "doc count": 286209), ("key": "PEREMPUAN", "doc count": 321354)], "kelompok umur": [("key": "0-5", "doc count": 18377, "usia" 
(value": 5. "6-18", "doc count": 61170, "usia"; ("value "19-30", "doc count": 149417, "usia": ("value": 30.0)), : "31-45", "doc count": 
163579, "usia": ("vi : 45.0)), ("key": "46-59", "doc count": 143875, ": 59.0)), ("key": "\u2265 60", "doc count. : 
"lokasi": ("lon": 110.20111493755839, "lat": -7.259097176704969), "penambahan": ("positif": 18, "sembuh": 2, "meninggal": @}}, ("key 
9.517865065586022, "jumlah kasus": 575569, "jumlah sembuh": 543776, "jumlah meninggal": 31603, "jumlah dirawat": 190, "jenis kelamin”: [{"k 
271872), ("key" MPUAN", "doc count": 299884)], "kelompok umur": [("key": "@-5", "doc count": 13385, "usia": {"value": 5.0)), ("key": "6-18", "doc 
{"value": 18.0)), ("key": "19-30", "doc count": 139662, ("value": 30.0)), ("key": "31-45", "doc count": 156336, "usia": ("value": 45.0)), ("key 
"doc count": 135695, "usia": ("value": 59.0}}, ("key": "\u2265 60", "doc count": 85024 alue": 2022.0))], "lokasi" e lon": 112.73294137529294, 
-7.72334557860008), "penambahan": (positif 24, "sembuh": 2, "meningg 1": 0)), ("key": "BANTEN", "doc count": 4.835058056977644, "jumlah kasus": 292388, “jumlah sembuh": 
289129, "jumlah meninggal": 2930, "jumlah dirawat": 329, "jeni i "LAKI-LAKI", "doc count": 141834), ( "PEREMPUAN", "doc count": 150262)], 
"kelompok umur": [("key": "@-5", "doc count": 8976, "usia": ("value": -18", "doc count": 28490, "usia": ("value": 18.0)), ("key": "19-30", "doc coun 
86341, "usia": ("value": 30.0)), ("key": "31-45", "doc count": 89766, "usia": ("value": 45.0)), ("key": "46-59", "doc count": 55960, "usia": ("value": 59.0)), ("key": "iu2265 
G0", "doc count": 22490, "usia": ("value": 2021.0))], "lokasi": ("lon": 106.10900433346703, "lat": -6.45673638769843), "penambahan": ("positif": 20, "sembuh": 6, "meninggal" 
"DAERAH ISTIMEWA YOGYAKARTA", "doc count": 3.6469806353269068, "jumlah kasus": 220542, "jumlah sembuh": 214448, "jumlah meninggal": 5894, "jumlah dirawat": 200, 
"jenis kelamin" LAKI-LAKI", "doc count": 98329), ("key": "PEREMPUAN", "doc count": 122012)], "kelompok umur": [("key" i , 
5.0)), ("key" > "doc count": 32495, "usia": ("value": 18.0)), ("key" 9-30", "doc count": 49958, "usia": ("value": 30.0)), 
"usia": ("value": 45.0)), ("key": "46-59", "doc count": 45152, "usia": ("value": y "doc count": 31377, 
("lon": 110.44487831193419, "lat": -7.894501850215696), "penambahan": ("positif de @}}, ("key": "KALIMANTAN TIMUR", "doc count" 
3.4103275720910453, "jumlah kasus": 206231, "jumlah sembuh": 200479, "jumlah meninggal": 5710, "jumlah dirawat": 42, "jenis kelamin": [("key": "LAKI-LAKI", "doc coun 
112389), ("key": "PEREMPUAN", "doc count": 93087)], "kelompok doc count": 7074, "usia": ("value": 5.0)), ("key": "6-18", "doc count": 21463, 


("last date": "2022-05-06" KI JAKARTA", "doc count": 20.6361603433 56, 


[("key": "LAKI-LAKI", 603 


"meninggal": @)) 


"doc count 
"LAKI-LAKI", "doc count": 
44283, "usia": 


("value": 18.0)), ("key": "19-30", "doc count": 57798, : "31-45", "doc count": 66886, "usia": ("value": 45.0)), ("key": "46-59", "doc count' 
36653, "usi "value": 59.0)), ("key": "\u2265 60", "doc count": 13977, "usia": ("value": 40474.0))], "lokasi": ("lon": 116.46844046560851, "lat": 0.4538580295500849), 
"penambahan": ("positif": 4, "sembuh": 1, "meninggal": @)), ("key": "BALI", "doc count": 2.598933829250292, "jumlah kasus": 157164, "jumlah sembuh": 152417, 


"jumlah meninggal": 4559, "jumlah dira, 


188, "jenis kelamin nis "key": "LAKI-LAKI", "doc count": 78282), ("key": "PEREMPUAN", "doc count": 78374)], "kelompok umur": 


id x @ hit 1 119.go.id/publi X  “ http | Dart Package X | & provider | Flutter Package x + v = a x 


4943, "usia": value" : -18", "doc coun 15293, "usia": ("value": 18.0)), ("key": ", "doc count": 41038, "usia": 
31-45", "doc count": 40951, 45. 9n, ("ke "46-59", "doc_coun' 33436, "usia": (" 59.0)), ("key": "u2265 6e", m 
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Karna mengunakan list data sudah mengambil semua data 

Ambil list data saja bentuknya list 

Caranya 

Convert bentuk nya list 

extrartData dari json.Decode arti nya men decode yaitu response.body 


1. Covid App 01.mp4 - VLC media player 
Media Playback Audio Video Subtitle 


Tools View Help 


lection Run Terminal Help 


COVID PROJECT 
im dart 


t": 20.6361 
"doc count": 603674), "key": 
t": 125340, "usia": ("value": 
46-59", "doc. | coun’ 233939, 
“6.204: 98991169558), 
jumlah sembuh": 1087896, 
dataP . count": 576143)], "kelompok umur" 
"doc count": 297902, "usia" 

t key" 
1, sembuh": e, 

: 33109, "jumlah « dirawat" 1425, 


data covid.dart 
» fetchData() 


url "doc count": 18377, "usia" 
: "31-45", "doc count" 
( 2216.0))], 
http.g -parse(url)); “doc count": 
P LAKI", "doc count" 
ode 2 JH » "doc, count" 44283, "usia": 
tData jsonDecode(respc 45. 9)), ("key": "46-59", 


2.73294137529294, "lat 

h kasus": 292388, "jumlah sembuh": 

, "doc, count" 150262)], 

"19-30", "doc count" 

value": 59. en, {"key" \u2265 

"sembuh": 6, "meninggal": 

umlah_dirawa 

: 9357, “usia": (" 

doc count"; 50852, 
2.901, "lokasi" 

doc. “count” 

"LAKI-LAKI", "doc_count" 

, "doc count": 21463, "usia" 

, 1" d : "46-59", "doc count": 

0.4538580295500849), 

152417, 

: 78374)], "kelompok umur": 

, "doc count": 41038, "usia": 

DEPENDENCIES > A 9, "key" a u2265 ee, 


OUTLINE 
TIMELINE 
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Ini belum selesai belum sepenuh nya ambil data 
Ambil list data saja 
Ambil di kurung dalam tanda kurung 
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Coba di print extratData 
Sebelumnya hapus debug 


A 1. Covid App 01.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Od ou 


» dataProvinsi - []; 
» fetchData() { 
http.get( .parse(ur1)); 
{ 
Decode( response. body) ) 


print(extractData); 


OUTLINE 


TIMELINE 


DEPENDENCIES 


gone we 


Sudah ambil list_data tidak semuanya 

Tinggal menambahkan list ini kedalam data provinsi kita 

Caranya mengunkan for ini 

Item ubah jadi data in extrat data 

Data ini kumpulan masing pecahan extartData isi masing2 extrat data 
Masing extratData ditambahkan kedalam dataProvinsi 
dataProvinsi.add yg diadd data covid disni banya 
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X] File Edit Selection View Go Run Terminal 1 e data.dart - covid project 


` 


COVID PROJECT 
Bm dart tox 
List<DataCovid> dataProvinsi 


Future<void> fetchData() 
String url 
var response = await http.get(Uri.parse(url)); 
if (response.statusCode == 200) ( 
final List extractData = (jsonDecode(response.body)) 
[ d l; 
or (var data extractData) { 
dataProvinsi.add(); 


7.  DEBUGCONS = 


D/EGL_emulation(147 app time stats: avg-3 58.10ms max 8.10ms 
unt=1 
I/flutter (14769): [(key: DKI JAKARTA, doc t: 20.636160343323056, jumlah_kas 
1247920, jumlah sembuh: 1231741, jumlah meninggal: 15266, jumlah dirawat: 913 
kelamin: [(key: LAKI-LAKI, doc co 03674), {key REMPUAN, doc. 

Tisre kelompok umur: [(key: 8-5, doc count: 3938 s (value: 5.0)), (key 

ount 5340, usia alue: 18.0)), (key: 1 p4 nt: 342403, 


20.03). (kev: 31-45. doc r 378798. u a (ke MEN. "doc count": 41038, "usia": 
DEPENDENCIES 9.0)), ("key" u2265 60", 


TIMELINE 


^c 
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Å 1. Covid App 01.mp4 - VLC media player - X 


Media Playback Audio Video Subtitle Tools View Help 


dit Selection View Go Run Terminal He  data.dart - covid ect - Visual Studio 


COVID PROJECT 
geNotifier í 


dataProvinsi - []; 


Future«void» fetchData() as 
tring url - 


DataCovid((String? key, String? docCount, 
int? jumlahKasus, int? jumlahSembuh, int? 
jumlahMgninggal, int? jumlahDirawat, 
List<dynamic>? jenisKelamin, List«dynamic 
- da kelompokUmur, Map«S ng, dynamic»? lokasi, 
dataProvi Map<String, dynamic»? penambahan}) 


var response 
if (response. 
final Li 


DataC i() 


&. DEBUG CONSOLE 


mulation(14769): app time stats: avg-3958.10ms mi 


I/flutter (14 [(key: DKI JAKARTA, doc count: 20.636160343 56, jumlah kasus 
1247920, jumlah sembuh: 12317 jumlah meni 66, jumlah dirawat: 91 
kelamin: [(key: LAKI-LAKI, doc count: 6036 (key: PEREMPUAN, d 
Tu ], kelompok umur: [(key doc, count 
ount 340, usia: { 18.0)), 


38.8) M ir s 170798 "v DEL , "doc count": 41038, 
DEPENDENCIES 9.0)), ("key" 


TIMELINE 
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property tingaal disesuaikan disni banya datanya 
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Selection View Go Run Terminal Help e data. dart - covid project - Visual Studio C 


` 


ngel 
<Datac @ docCount : 
te jenisKelamin: List<dynamic>? 
Future<voi € jumlahDirawat: 
String ul? jumlahKasus: 
iso lel jumlahMeninggal: 
var resp @ jumlahSembuh: 
if (resp!€) kelompokUmur: 
final “key: k 
[ te) lokasi: 
for (VB penambah. 
data O dan 
Da O darr 


ib provider 
& data dart 


6) DEBUG CONSOL z 


D/EGL_emulation(14769): app_time_stats 
unt=1 
I/flutter (147 [ I JAKARTA, doc 20.636160343 
741, jumlah_meninggal 66, jumlah_dirawat 
@ README me 1 I oc count: 603674), (key REMPUAN, doc. 
OUTUNE doc count: 39380, usia 
18.0)), (key 


count: 370798. u A E , "doc count": 41038, "usia": 
DEPENDENCIES 9.0)), ("key": “\u2265 60", 


TIMELINE 


^ ë B J m 6 d» 0105 


19:15 
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1 


_ 


Pertama dari key dari data['key']; 

Sudah masukan key 

Lalu doc count, jumlahkasus, jumlah sembuh, 

Harus semua nya karna akan menampilkan semua nya 

Jenis kelamin tipenya list maka sesuaikan untuk membuat model nya 
Lokasi bentuknya map 

Penambahan 
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X] File Edit Selection View Go Run Terminal Help t - covid project - Visual Studio 


€ & * 16 
COVID_PROJECT 
mm dart to 


1; 

1 20.636160343323056, 
Tere extractData) ( » "doc count": 603674), ("key": 
dataProvinsi.add( t": 125340, "usia": ("value 
no 4 y 6-59", "doc count": 233939, 

ataCovid( 928, "lat": -6.204698991169558), 

key: data[ , "jumlah sembuh": 1087896, 

| count": 576143)], "kelompok. umur": 


docCount: dataf 297902, "usia" 
“\u2265 60", 


jumlahKasus: data[ š ns 
sembuh": e, 

jumlahSembuh: data[ : 33109, "jumlah dirawat": 1425, 
; i š "doc count": 18377, "usia" 
jumlahMeninggal: data[ .0)), ("key": "31-45", "doc count": 
jumlahDirawat: data[ i , "usia": ("value": 2216.0))], 
. : JAWA TIMUR", "doc count": 
jenisKelamin: data[ "ke AKI-LAKI", "doc count": 
kelompokUmur: data[ : "6-18", "doc count": 44283, "usia": 

j 45.0)), ("key 
lokasi: data[ 1, 2.73294137529294, "lat 
penambahan: data[ h kasus": 292388, "jumlah sembuh": 

» “doc count" 

) "key": "19-30", "doc count" 
59.0)), ("key": "\u2265 
buh": 6, "meninggal": 
jumlah dirawat": 200, 
"doc count": 9357, "usia": ("value": 


); 


5) DEBUG CONSOLE 


emulation(14769): app time stats: avg=35 s minz3958.10ms max=3958.10ms c "31-45", "doc count": 5685. 
": 2022.0))], "lokasi 
, "doc count! 


(147 [£k D 3 c count: 20.63 34332305 1 su " 
14 (key: DKI JAKARTA, do t 160343323056, jumlah ka LAKI-LAKI 


jumlah sembuh: 1 41, jumlah meninggal , jumlah dirawat: 913, je ? ount": 
"46-59", "doc count": 
0.4538580295500849), 

_ 152417, 

465, 1 unt": 78374)], "kelompok. um 
ev: AK-5 oc count": 41038, "u 
DEPENDENCIES 9.0)), ("key": "u2265 60", 


@ README mc [(key: LAKI-LAKI, x , (key: PEREMPUAN, d 


OUTLINE 
340, usia: (value: 18.0)), 


, kelompok umur: ((key: @-5, doc count: 39380, (value: 5.0 
TIMELINE x 
k 


doc count: 378798 
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Kita sudah men add semua data dari api 


Ü 
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Tinggal print saja apakah data sudah masuk 
dataProvinsi yg index berapa misalkan 0 yaitu dki jakarta 
hapus debug 


A 1. Covid App 01.mp4 - VLC media player _ x 


Media Playback Audio Video Subtitle Tools View Help 
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COVID PROJECT 


vid( 
key: data[ L : 20.636160343323056, 

"doc count": 603674), ("key": 
docCount: data[ t": 125340, "usia": ("value 
i > j": "46-59", "doc count": 233939, 
JumlahKasus: data[ , "lat": -6.204698991169558), 
jumlahSembuh: data[ "jumlah sembuh": 1087896, 

4 1 ount": 576143)], "kelompok umur" : 
jumlahMeninggal: data[ o", "doc count Iter La 
jumlahDirawat: data[ 59.0)), ("key": “\u2265 60", 

2 š A "positif": 31, "sembuh": @, 
jenisKelamin: data[ gal": 33109, "jumlah dirawat": 1425, 
kelompokUmur: data[ "doc count": 18377, "usia" 

^ .0)), ("key": "31-45", "doc count": 
lokasi: data[ 15 , "usia": ("value": 2216.0))], 
penambahan: data[ JAWA TIMUR", "doc count": ñ 

ey AKI-LAKI", "doc count": 

Ks : "6-18", "doc count": 44283, "usia": 
T 45.0)), ("key": "46-59", 
, 2.73294137529294, "lat": 
) ü : 292388, "jumlah sembuh": 


print(dataProvinsi[e].key);| 


} : {"value": 59. en, ("key" "Nu2265 
: 20, "sembuh": 6, "meninggal": 
@ DEBUGCONSC x ": 5894, “jumlah dirawat 200, 
k "doc count": 9357, "usia": ("value": 
D/EGL emulation(14769 ) ti s s v. s mi 39 l@ms max=3958.10ms "31-45", "doc count": 50852, 
untal ": 2022.0))], "lokasi": 
"doc count 
LAKI-LAKI", 
1247920, jumlah sembuh 317 jumlah men 66, jumlah dirawat: 913 , "doc, coun 


I/flutter (14 [ AKARTA, doc 2 343323056, jumlah kasus 


loc count 

: 21463, "usia": 

kelam [(key: LAKI-LAKI, count ui PEREMPUAN, doc count 3 5.0)), ("key": "46-59", "doc count": 

t": 6.4538580295500849), 

3 : ah sembuh": 152417, 

TIMEUNE oc count usi value: 18.0)), 3 aunt: 342403, u { Unt": 78374}], "kelompok umur": 
count: 378 ath. (key - ME. "doc count": 41038, 

9.0)), ("key": "\u2265 60" 


paga 8)], kelompok umur: [{key doc count: 393 alue: 5.0 
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Ini masih eror 
Karena data list di ubah kasih alias atau as 


Å 1. Covid App 01.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal | a Visual Studio ( 


Q = ç 


COVID PROJECT 


MM dart to a 
A on (var data extractData) ( 


li android dataProvinsi.add( 
taCovid( 
key: data[ 
docCount: data[ 
jumlahKasus: data[ 
6 data covid dart jumlahSembuh: data[ 
auae jumlahMeninggal: data[ 
Societ jumlahDirawat: data[ 
How jenisKelamin: data[ 
kelompokUmur: data[ 
lokasi: data[ 
penambahan: data[ 


6) DEBUG CONSOLE 


E/flutter (14769): [ERROR:flutter/lib/ui/ui dart state.cc(209)) Unhandled 
SocketException o okup: 'data (OS Error 


iated with hostname, errno 


»spec.yami 


@ README.md 
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Tekan tombol lagi — í lagi 
Doc count tipe nya integer ubah menjadi toString 


A 1. Covid App 01.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View 


Help 


Run Terminal Help 


` 
COVID PROJECT a 
& dart toi = 
for (var data extractData) { 


dataProvinsi.add( 


= datb[ IJA 

docCount: data[ ].toString(), 
jumlahKasus: data[ ) 
jumlahSembuh: data[ 

jumlahMeninggal: data[ 

jumlahDirawat: data[ 

jenisKelamin: data[ 

kelompokUmur: data[ 


lokasi: data[ 1, 
penambahan: data[ 


1 
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OUTLINE 
unt=1 
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Sekarang bisa sudah tampil 

Kita sudah menampilkan data semua dari api ke data kita 

Tingal tampilkan diaplikasi 

Data diambil Ketika diklik 

Kita buat buka aplikasi sudah men get data nya sendiri tidak haru menekan tombol 
Dgn cara future builder 

Disni body hapus tambah future builder 


A 1. Covid App 01.mp4 - VLC media player _ x 


x 


Media Playback Audio Video Subtitle Tools View Help 


dit Selection View Go Run Terminal Help en dar c E , 
COVID PROJECT m 
@ dart tc e 
t i ntext context) { 
)a ro .of<D >(context); | 
6 : t ilder(future:  ,builder: ,) | 
6 s DEBUG CONSC = x f 
- je .emulation(14769): app time stats 1.96ms max-4404.13ms count Ë 
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Future fied: —— À——— À— Ia 


A 1. Covid App 01.mp4 - VLC media player _ x 


Media Playback Audio Video Subtitle Tools View Help 


Run Terminal 


COVID PROJECT 
üm dart to import 


import 


with C ifier ( 
ovid> dataProvinsi = []; 
e<void> fetchData() asyrk { 
ring url = 
5 
var response = await http.get(Uri.parse(url)); 
if (response.statusCode 200) ( 
final List extractData - (jsonDecode(response.body)) 
feat IH 
for (var data in extractData) ( 
dataProvinsi.add( 
DataCovid( 


DEBUG C 


GL_emulation(14769): app_time_stats: avg=251 
I/flutter (14 


stats: avg=938.53ms min= 


OUTLINE 


> TIMELINE 5 
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DEPENDENCIES 9.0)), 


m € N - A G B gm 4d or D] 


26:13 
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Isinya dataCovid.fetchdata 

Builder context dan snapshoot 

Dia akan menreturn sementara sebuah listView 

Pakai listView.builder lalu butuh itemcount isinya dataCovid.length 
Lalau item builder isinya context, index {} 

Akan menreturn listTille isi title 

Pecahakan dulu dataCovid 


A 1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle Tools View Help 
X] File Edit Selection View Run Terminal Help ro en.dart - covid project - Vis 
" 
COVID PROJECT 
@ dart to t build(Buil e context) ( 
Data dataCovid 4 .of«Data»(context); 
urn Scaf 


appBar 


» 
body: FutureBuilder( 
future: dataCovid.fetchData(), 
builder: (context, snapshoot) ( 
return .builder( 
itemCoun dataCovid.dataProvinsi.length, 


itemBuilder: (context, index) ( 
final data - dataCovid.dataProvinsi[index]; 
Tile( 


6) DEBUG CONSC 


_emulation(14769): app time stats: a 1-11.96ms max-4404.13ms c 


I/flutter (14769): Di 
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Title nya isi data.key 


Pastika key ini benar2 ada 


A 1. Covid App 01.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


Run Terminal Help 
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een.dart 


PROBLEMS 


OUTLINE 
TIMELINE 


DEPENDENCIES 


LN 


€ provinsi screendart X © 


tuture: dataCovid.tetcnUata(), 
builder: (context, snapshoot) ( 
retu ew.builder( 
itemCount: dataCovid.dataProvinsi.length, 
itemBuilder: (context, index) ( 
f l data - dataCovid.dataProvinsi|[index]; 
Tile( 
xt(data.key!), 


KI JAKARTA 


JAWA BARAT 


JAWA TIMUR 


BANTEN 


DAERAH ISTIMEWA YOGYAKARTA 


KALIMANTAN TIMUR 


BALI 


SUMATERA UTARA 


RIAU 


art 1 


SULAWESI SELATAN 
with constant co 


SUMATERA BARAT 


30:28 
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Disni sudah tampil masing2 semua nama provinsi nya 
Coba direstart sudah berhasil menampilkanjenis provinsi 


Akan perbaiki sedikit 


Karna builder memiliki snapshoot 


Ini cut dulu 


Å 1. Covid App 01.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


Run Terminal Help 
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COVID PROJECT 
@ dartt 


een.dart 


PROBLEMS 


OUTLINE 
TIMELINE 


DEPENDENCIES 


pr 


© provinsi_screendart X 


title: Text( 
), 
body: 
future: dataCovid.fetchData(), 
builder: (context, snapshoot) ( 
return ListView.builder( 
itemCount: dataCovid.dataProvinsi.length, 
itemBuilder: (context, index) ( 
final data = dataCovid.dataProvinsi[index 
return ListTile( 
title: Text(data.key!), 
); IET 
hn 
5 
hr BALI 


FutureBuilder( 


AWA TENGAH 
JAWA TIMUR 


BANTEN 


KALIMANTAN TIMUR 


SUMATERA UTARA 


RIAU 
1 
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ant constructors 


SUMATERA BARAT 
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Bikin perbandingan 


Jika snapsoot data belum menget masih loading kita akan menreturn center 


Circular 
Kalau sudah selesai tampilkan 
Return paste yg tadi 


A 1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle 
X] File Edit Selection View Go Run Terminal Help provinsi_screen.dart - covid s ode OM 08 


Tools View Help 
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COVID PROJECT F Ot 


Mm dart to: builder: (context, snapshoot) ( 


if (snapshoot.connectionState -- 
C IState.waiting) { 
turr 
child: Cir 
); 
) e 
tur View.builder( 
itemCount: dataCovid.dataProvinsi.length, 
itemBuilder: (context, index) ( 
al data = dataCovid.dataProvinsi[index] 


ListTile( 
title: Text(data.key!), 
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screen dart 
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HI «mn cim) ss c d 
Jadi sebelum ada data maka dia loading terlebih dahulu 

Sekarang tampilkan satu lagi 

Tampilkan jumlah kasus 


A 1. Covid App 01.mp4 - VLC media player _ x 
Media Playback Audio Video Subtitle 


Tools View Help 


X] File Edit Selection View Go Run Terminal Help provinsi screen.dart - covid 
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COVID PROJECT 
@ dart 


DKI JAKARTA 
istView.builder( 

itemCount: dataCovid.dataProvinsi.length, 
itemBuilder: (context, index) ( 

final data dataCovid.dataProvinsi[index] 

E 

return ListTile( 

title: Text(data.key!),| 


JAVIA TIMUR 


€ mainda subtitle: Text(data.jumlahKasus.toStri 
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Berikutnya mendesai data masing mengunakan grid 


Main.dart 


myApp StatelessWidget 4 
n ({Key? key}) : (key: key); 


@override 
Widget build(BuildContext context) { 
MaterialApp( 
home: ChangeNotifierProvider( 
create: (context) => Data(), 
child: ProvinsiLayar(), 


Folder screen / Provinsi layar.dart 


D 


D 
Ü 


ProvinsiLayar StatelessWidget 4 
st ProvinsiLayar((Key? key) : (key: key); 


@override 
Widget build(BuildContext context) í 
Data dataVirus = Provider.of<Data>(context); 
Scaffold( 
appBar: AppBar( 
title: Text( 
), 
body: FutureBuilder( 
future: dataVirus.ambilData(), 
builder: (context, snapshoot) { 
f (Snapshoot.connectionState == ConnectionState.waiting) 4 
Center( 
child: CircularProgresslndicatorl(), 
); 
5 { 
n ListView. builder( 
itemCount: dataVirus.dataProvinsi.length, 
itemBuilder: (context, index) { 
data = dataVirus.dataProvinsi[index]; 
ListTile( 
title: Text(data.key!), 
subtitle: Text(data.jumlahKasus.toString()), 
); 


Folder models data_virus.dart 


, 


DataVirus í 
String? key; 
String? docCount; 
int? jumlahKasus; 
int? jumlahSembuh; 
int? jumlahMeninggal; 
int? jumlahDirawat; 
List? jenisKelamin; 
List? kelompokUmur; 
Map<String, dynamic-? lokasi; 
Map<String, dynamic>? penambahan; 


DataVirus({ 
.key, 
.docCount, 
.jumlahKasus, 
.jumlahSembuh, 
.jumlahMeninggal, 
.jumlahDirawat, 
.jenisKelamin, 
.kelompokUmur, 
.lokasi, 
.penambahan, 

3 

} 


Folders providers / data.dart 


, 


http; 


Data ChangeNotifier í 
List<DataVirus> dataProvinsi = []; 


Future< > ambilData() í 
String url = 


respon = http.get(Uri.parse(url)); 
(respon.statusCode == 200) í 
List listData = (json[ Je(respon.body))[ 
( data in listData) í 
dataProvinsi.add( 
DataVirus( 
key: data[ i|; 
docCount: data[ 
jumlahKasus: data[ 
jumlahSembuh: data[ 
jumlahMeninggal: data[ 
jumlahDirawat: data[ 
jenisKelamin: data[ 
kelompokUmur: data[ 
lokasi: data[ Ik 
penambahan: data[ 


(dataProvinsi[0].key); 


